CSS selektorji
Selektorji so ključne besede, s katerimi lahko dostopamo do specifičnih elementov v html dokumentu. Osnovni in kombinirani selektorji targetirajo celotne elemente po tipu, id, class ali drugih atributih. Psevdo-class selektorji targetirajo elemente v določenem stanju. Psevdo-element selektorji targetirajo elemente z dodajanjem drugih elementov znotraj njih.
Osnovni selektorji:
| p |
selektor glede na tip elementa |
| .my-class |
selektor glede na class elementa |
| #some-id |
selektor glede na id elementa |
| * |
univerzalni selektor |
| h1, h2 |
selektor večih elementov |
Kombinirani selektorji:
| div p |
selektor sledečih potomcev |
| div > p |
selektor sledečih direktnih potomcev |
| h2 + p |
selektor direktno sledečih bratskih elementov |
| h2 ~ p |
selektor sledečih bratskih elementov |
| a[href="#id"] |
selektor elementov glede na atribut |
Psevdo-class selektorji
| a:hover |
selektor elementov glede na psevdo-class |
Psevdo-element selektorji
| p::first-letter |
selektor določenih delov elementov |